html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3,p,input,article, aside, command, footer, header,
nav, section,time th td textarea{
	margin: 0;
	padding: 0;
}
img {max-width: 100%; text-align:center;}
input{ outline:none;}

html{
	font-size:62.5%;  /* 1rem =10px;*/
}
body{
	font-size:1.4rem;/* 1.4  x  10px  =14px */
	box-sizing:border-box;
	font-family:"微软雅黑","Microsoft Yahei",Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	position:relative;
	word-break:break-all;
	background: #F8F8F8;
}
a{  text-decoration:none; color: #3F3F3F;}
li{ list-style-type: none;}
a:hover{text-decoration: none;}
*{
	margin:0px; padding:0px;
}
.row{margin:0px;}

.carousel-indicators{
	bottom: 0;
}


/* 首页*/
.top{
	overflow: auto;
	margin-bottom:7rem;
}
.content{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	background: #FFFFFF;
}
.index-text{
	font-family: PingFangSC-Regular;
	color: #3F3F3F;
	letter-spacing: 0;
	line-height: 23px;
}
.img-col{
	padding:0;
}
.img-col img{
	width: 45%;
	background-size:cover;
	text-align: center;
	display: inline;
}
.div-mar{
	width:92%;
	margin: auto;
	text-align: center;
}
.div-mar:nth-child(2){
	padding-top:1.5rem;
}

.content-box{
	margin-top:1.7rem;
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
}
.state{
	background: url("/resource/wechat/img/information@2x.png" ) no-repeat;
	-webkit-background-size: 2rem;
	background-size: 2rem;
	background-position: 1rem center;
	padding-left:3.5rem;
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #3F3F3F;
	letter-spacing: 0;
}
.state-going{
	height:4rem;
	line-height:4rem;
}
.going-text{
	text-align: right;
	font-size: 1rem;
	color:#c7c7c7;
}
.charge-code{
	border-top:1px solid #e6e6e6;
	padding-bottom:1rem;
}
.charge-code .col-xs-4{
	padding:0;
	padding-top:1rem;
	text-align: center;
}
.charge-code .col-xs-3{
	padding:0;
	padding-top:1rem;
	text-align: center;
	padding-left: 2rem;
}
.charge-code .col-xs-1{
	border-right: 1px solid #C7C7C7;
	height: 2rem;
	margin-top: 2rem;
	padding:0;
	width: 7.333333%;
}
.all-year{
	font-family: PingFangSC-Regular;
	font-size: 2rem;
	color: #3F3F3F;
	letter-spacing: 0;
}
.code{
	font-family: PingFangSC-Regular;
	font-size: 1.2rem;
	color: #9C9C9C;
	letter-spacing: 0;
	padding-top:0.3rem;
}
.bottom{
	position:fixed;
	bottom:0;
	width:100%;
	background: #FFFFFF;
	box-shadow: inset 0 1px 0 0 #E0E0E0;

}
.bot-row{
	padding:0;
	text-align: center;
	padding-top: 0.8rem;
}
.bot-dt img{
	width: 40%;
	background-size:cover;
	text-align: center;
	display: inline;
}
.bot-dt div{
	font-family: PingFangSC-Regular;
	font-size: 1.2rem;
	color: #c7c7c7;
	letter-spacing: 0;
}
.bot-dt-active div{
	font-family: PingFangSC-Regular;
	font-size: 1.2rem;
	color: #459DF5;
	letter-spacing: 0;
}


/* 我的设备*/
 .my-jt{
	 width:100%;
	 padding-top:0.5rem;
	 padding-bottom:0.5rem;
	 background: #FFFFFF;
	 box-shadow: inset 0 -1px 0 0 #E0E0E0;
	 /*line-height:3.5rem;*/
 }
.my-jt img{
	width:35%;
	background-size:cover;
	padding-top:0.5rem;
}
.my-eq{
	font-family: PingFangSC-Medium;
	font-size: 1.8rem;
	color: #3F3F3F;
	letter-spacing: 0;
	line-height:3.8rem;
}
.box-eq{
	width:100%;
	text-align: center;
	position: absolute;
	top: 30%;
}
.box-eq img{
	display: inline;
	width:40%;
}
.box-eq div{
	font-family: PingFangSC-Regular;
	font-size: 2rem;
	color: #9C9C9C;
	letter-spacing: 0;
}
.equipmentlist{
	margin-top:0.6rem;
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #EEEEEE;
}
.list-line{
	padding-top:1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #e6e6e6;
}
.onlie-green{
	color:#44DB5E;
}
.outline-red{
	color:#FF6565;
}

.model span{
	font-family: PingFangSC-Regular;
	font-size: 2rem;
	color: #3F3F3F;
	letter-spacing: 0;
}
.model div{
	font-family: PingFangSC-Regular;
	font-size: 2rem;
	color: #898989;
	letter-spacing: 0;
	padding-top:0.5rem;
}
.model i{
	padding-left:0.5rem;
}
.modal-right{
	padding-top: 2.1rem;
}
.modal-right img{
	text-align: right;
}

.equipment-msg{
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
	margin-top:1rem;
}
.msg-eqp{
	font-family: PingFangSC-Medium;
	font-size: 2.1rem;
	color: #3F3F3F;
	letter-spacing: 0;
	line-height: 32px;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	border-bottom:1px solid #e6e6e6;
	margin-left:1.5rem;
}
.equipment-msg ul{
	padding-top: 1rem;
	padding-bottom:1rem;
}
.equipment-msg ul li{
	line-height:2.5rem;
	margin-left:1.5rem;
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #898989;
	letter-spacing: 0;
}
.equipment-msg ul li span{
	font-family: PingFangSC-Regular;
	color: #000000;
	letter-spacing: 0;
}
.filter{
	font-family: PingFangSC-Regular;
	font-size:1.6rem;
	color: #3F3F3F;
	letter-spacing: 0;
	padding:0;
}
.equipment-msg .progress{
	border-radius: 10px;
}
.equipment-msg  .progress-bar{
	border-radius: 10px;
}
.equipment-msg .row{
	margin-left: 1.5rem;
	border-bottom: 1px solid #e6e6e6;
	height: 4.5rem;
	padding-top: 1.5rem;
}

.renew-list{
	margin-top:1rem;
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
}
.renew-list  .searchlist  li{
	font-family: PingFangSC-Medium;
	font-size: 1.8rem;
	color: #3F3F3F;
	letter-spacing: 0;
	line-height: 32px;
	padding-top:1.2rem;
	padding-bottom:1.2rem;
	border-bottom:1px solid #e6e6e6;
	margin-left:1.5rem;
}
.renew-list  li span{
	font-family: PingFangSC-Regular;
	font-size: 1.8rem;
	color: #3F3F3F;
	letter-spacing: 0;
	padding-left:1rem;
}
.searchlist .new-text{
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #898989;
	letter-spacing: 0;
}
.new-input{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #000;
	letter-spacing: 0;
}
.no-sel-cost{
	border: 2px solid #C7C7C7;
	border-radius: 4px;
	padding:0.2rem 0.9rem;
	font-family: PingFangSC-Regular;
	font-size:1.4rem;
	color: #C7C7C7;
	letter-spacing: 0;
	margin-left: 1rem;
	background:#fff;
}

.selected{
	border: 2px solid #459DF5;
	border-radius: 4px;
	padding:0.2rem 0.9rem;
	font-family: PingFangSC-Regular;
	font-size:1.4rem;
	color: #C7C7C7;
	letter-spacing: 0;
	margin-left: 1rem;
	background:#fff;
}


 .no-sel{
	 border: 2px solid #C7C7C7;
	 border-radius: 4px;
	 padding:0.1rem 2.5rem;
	 font-family: PingFangSC-Regular;
	 font-size:1.4rem;
	 color: #C7C7C7;
	 letter-spacing: 0;
	margin-left: 1rem;
	background:#fff;
 }
.sel-select{
	background: #FFFFFF;
	border: 2px solid #459DF5;
	border-radius: 4px;
	padding:0.1rem 2.5rem;
	font-family: PingFangSC-Regular;
	font-size:1.4rem;
	color: #459DF5;
	letter-spacing: 0;
	margin-left:1rem;
}

.renew-list li img{
	padding-top: .8rem;
	width: 60%;
}

.selpayment{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #9C9C9C;
	letter-spacing: 0;
	margin-left:1.5rem;
	padding-top:1rem;
	padding-bottom:1rem;
}
.paymentlist{
	background: #FFFFFF;
}
.paymentlist .model{
	margin-top:0.5rem;
}
.paymentlist .col-xs-3 img {
	width:5rem;

}
.paymentlist .model span{
	font-family: PingFangSC-Regular;
	font-size: 1.8rem;
	color: #3F3F3F;
	letter-spacing: 0;
}
.paymentlist .model div{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #9C9C9C;
	letter-spacing: 0;
	padding:0;
}


.paymentlist .modal-right img{
	padding:0;

}
.due-content{
	background-image: linear-gradient(0deg, #70BEFF 0%, #3D89FF 100%);
	text-align: center;
	width:100%;
	margin-bottom:5rem;

}
.due-content .row{
	padding-top:3rem;
	padding-bottom:3rem;
	border-bottom:1px solid #e6e6e6;
}

.due-content span{
	opacity: 0.5;
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 28px;
}
.due-content div{
	font-family: SFUIText-Regular;
	font-size: 4rem;
	color: #FFFFFF;
	letter-spacing: 0;

}
.due-dayte{
	/*width:30%;
	position: absolute;
	top:30%;
	background-image: linear-gradient(0deg, #70BEFF 0%, #3D89FF 100%);

*/
	position: relative;
	padding-top: 14rem;
	color: #FFFFFF;
}
.due-dayte span{
	font-family: DIN-Regular;
	font-size: 6rem;
	color: #FFFFFF;
	letter-spacing: 0;
}
.due-dayte div{
	opacity: 0.5;
	font-family: PingFangSC-Regular;
	font-size: 2.1rem;
	color: #FFFFFF;
	letter-spacing: 0;
}
.bottom-img{
	width:100%;
	
}
.bottom-img img{
	width:20%;
	margin:auto;
	margin-top: 1rem;
	margin-bottom: 1rem
}
.bottom-img button{
	width:100%;
	border:none;
}

.due-hint{
	background: #FFFFFF;
	width:100%;
	text-align: center;
	height:4rem;
	line-height:4rem;
}
.due-hint div{
	font-family: PingFangSC-Regular;
	font-size: 1.8rem;
	color: #459DF5;
	letter-spacing: 0;
}
.due-hint .col-xs-2{
	padding-top: 1.2rem;
}
.search img{padding-top:0.8rem;}

/*删除客户*/
.line-wrapper { width: 93%; height: 105px; overflow: hidden; font-size: 14px; border-bottom: 1px solid #aaa;margin-left:7%; }
.line-scroll-wrapper { white-space: nowrap; height: 105px; clear: both; }
.line-btn-delete { float: left; width: 132px; height: 105px; }
.line-btn-delete button { width: 100%; height: 100%;background: #459DF5; border: none; font-size: 24px; font-family: 'Microsoft Yahei'; color: #fff; }
.line-btn-delete button i{color:#fff;}
.line-normal-wrapper { display: inline-block; line-height: 100px; float: left; padding-top: 20px;  }
.line-normal-icon-wrapper { float: right; width: 120px; height: 120px; margin-right: 12px; }
.line-normal-avatar-wrapper {
	float: left;
	height: 6rem;
	width:6rem;
	border-radius: 1500px;
	font-family: PingFangSC-Medium;
	font-size: 2.2rem;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 6rem;
	text-align: center;
}

.line-normal-left-wrapper { float: left; overflow: hidden;}
.line-normal-left-wrapper { float: left; overflow: hidden; }
.line-normal-info-wrapper { float: left; margin-left: 10px; }
.line-normal-user-name { height: 28px; line-height: 28px; color: #4e4e4e;  color:#3f3f3f;  font-size:2rem; margin-top:4px; }
.line-normal-msg { height: 28px; line-height: 25px; overflow:hidden; text-overflow:ellipsis;  color:#898989; font-size:1.8rem; margin-top:5px; }
.line-normal-time { height: 28px; line-height: 28px; color: #999; margin-top: 11px; }
.head-logo{

}
.userlist{
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
	margin-top:1rem;
}
.inquery{
	margin-top:1rem;
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
}
.inquery img{
	position: absolute;
	top: 1rem;
	width: 2rem;
	left:2rem;
}
.inquery input{
	background: #EEEEEE;
	border-radius: 4px;
	width:100%;
	height:4rem;
	padding-left:4rem;
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #C7C7C7;
	letter-spacing: 0;
}
.inquery .cancel{
	font-family: PingFangSC-Medium;
	font-size: 2.2rem;
	color: #459DF5;
	letter-spacing: 0;
	line-height: 4rem;
}
.list-user{
	margin-top:1rem;
	background:#fff;
}
.preserve{
	font-family: PingFangSC-Regular;
	font-size: 2.2rem;
	color: #459DF5;
	letter-spacing: 0;
	line-height: 4rem;
}
.renew-list .customer li{
	border-bottom:1px solid #e6e6e6;
	padding:1rem 0;
	margin-left:1.5rem;
}
.renew-list  li input {
    border:none;
	box-shadow:none;
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #3F3F3F;
	letter-spacing: 0;
}


.repairlist{
	background: #FFFFFF;
	margin-top:1rem;
}
.repair-top{
	height: 5rem;
	line-height:5rem;
	border-bottom: 1px solid #e6e6e6;
	margin-left: 1.5rem;
}
.repair-top .col-xs-9{
	font-family: PingFangSC-Regular;
	font-size: 1.7rem;
	color: #3F3F3F;
	letter-spacing: 0;
	padding:0;
}
.right-text{
	font-family: PingFangSC-Regular;
	font-size: 1.7rem;
	color: #459DF5;
	letter-spacing: 0;
}
.repair-box .col-xs-8{
	padding:0;
	padding-left:1.5rem;
	padding-top:0.5rem;
	border: 2px solid #459DF5;
	border-radius: 4px;
	padding: 0.2rem 0.5rem;
	line-height: 8rem;
}

.repairmessgae{
	font-family: PingFangSC-Regular;
	font-size: 2rem;
	color: #3F3F3F;
	letter-spacing: 0;
	line-height: 32px;
}
.renew-list .form-control{
	border:none;
	box-shadow:none;
	background: none;
}
.bot-but{
	width:95%;
	margin:auto;
	margin-bottom: 2rem;
}
.bot-but button{
	width:100%;
	background: #459DF5;
	border-radius: 8px;
	border:none;
	height: 5rem;
	font-family: PingFangSC-Medium;
	font-size: 2rem;
	color: #FFFFFF;
	letter-spacing: 0;
}
.tab{
	background: #fff;
}
.tab ul{
	width:90%;
	background: #fff;
	border:none;
	margin:auto;
}
.tab ul li{
	width:50%;
	text-align: center;

}
.tab ul li a{
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #C7C7C7;
	letter-spacing: 0;
	line-height: 30px;
}
.tab ul  li.active{
	border-bottom: 2px solid #459DF5;
}

.tab ul  li.active a{
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #459DF5;
	letter-spacing: 0;
	line-height: 30px;

}
.tab .nav-tabs >  li.active > a, .tab .nav-tabs > li.active > a:hover, .tab .nav-tabs > li.active > a:focus{
	border:none;
	color: #459DF5;
}

.fault{
	width: 90%;
	margin: auto;
	line-height: 2.8rem;
    padding-top:1rem;
	padding-bottom:1rem;
}
.fault li{
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #898989;
	letter-spacing: 0;
	border:none;
	padding:0;
	line-height:3rem;

}
.fault li span{
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #000000;
	letter-spacing: 0;
}

.active-help{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #3F3F3F;
	letter-spacing: 0;
	line-height:3.8rem;
	text-align: right;
}
.waitpay{
	text-align: center;
	padding-right:10px;
}
.waitpay span{
	font-family: PingFangSC-Regular;
	font-size: 1.6rem;
	color: #459DF5;
	letter-spacing: 0;
	line-height:5rem;
}
.allpay{
	padding:0;
}
.allpay span{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #FF6565;
	letter-spacing: 0;
}
.right-pay{
	text-align: center;

}
.right-pay span{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #459DF5;
	letter-spacing: 0;
	padding:0.5rem 1rem;
	border: 2px solid #459DF5;
	border-radius: 4px;
}
.repair-content{
	line-height:2.5rem;
	border-bottom:1px solid #e6e6e6;
	margin-left:1.5rem;
	padding:0.5rem 0;
}
.repair-content div{
	padding:0;
}
.all-pay{
	height: 5rem;
	line-height: 5rem;
	margin-left: 1.5rem;
}

.right-arrow{
	width:3.5rem;
	padding-top:1.8rem;
}

.input-equipmemt{
	background:#fff;
	width:90%;
	margin:auto;
	margin-top:1rem;
}
.equipment-text{
	width:100%;
	background:#fff;
}
.input-text{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #3F3F3F;
	letter-spacing: 0;
	padding:0.5rem 0;
}
.input-msg{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #9C9C9C;
	letter-spacing: 0;
	padding:1rem 0;
}

.line{
	border-bottom: 1px solid #e6e6e6;
}
.sub-success{
	width: 90%;
	margin: auto;
	margin-top:2rem;
	margin-bottom: 2rem;
}
.sub-success button{
	background: rgba(69,157,245,0.50);
	border-radius: 8px;
	width: 100%;
	border:none;
	height:5rem;
	font-family: PingFangSC-Medium;
	font-size: 2rem;
	color: #FFFFFF;
	letter-spacing: 0;
}
.progresslist{
	background:#fff;
	margin-top:1rem;
}
.progresslist ul{
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
	border-bottom:1px solid #e6e6e6;
	margin-left:1.5rem;
	padding:0.5rem 0;
}
.progresslist ul li{
	padding:0.2rem 0;
}
.progresslist ul .flow{
	font-family: PingFangSC-Regular;
	font-size: 1.4rem;
	color: #3F3F3F;
	letter-spacing: 0;
	line-height: 28px;
}
.progresslist ul li{
	font-family: PingFangSC-Regular;
	font-size: 1.2rem;
	color: #9C9C9C;
	letter-spacing: 0;
	line-height: 24px;
}

.bottom-icon{/*.progress{
	width:30%;
	transform: rotate(90deg);
	height:5px;
	margin-left:-40px;
	padding-top:77px;
}*/
	position: fixed;
	background: #FFFFFF;
	bottom:0;
	width:100%;
	text-align: center;
}
.bottom-icon .col-xs-4 div{
	font-family: PingFangSC-Regular;
	font-size: 1.2rem;
	color: #3F3F3F;
	letter-spacing: 0;
}
.bottom-icon .row{
	padding:0.5rem 0;
}
.bottom-icon button{
	border:none;
	background: none;
	width:50%;
}
.bottom-icon img{
	width:100%;
}
.black_overlay{
	display: none;
	position: absolute;
	top: -2%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.cost-year{
	position: fixed;
	bottom:0;
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
	width:100%;
	text-align: center;;
}
.cost-year div{
	background: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 #E0E0E0;
	line-height:4rem;
}
.cost-year .top-cost{
	font-size: 2rem;
	color: #000;
	letter-spacing: 0;
	line-height:5rem;
}
.year-list button{
	width:100%;
	background: #fff;
	border:none;
	font-size: 2rem;
	border-bottom:1px solid #e6e6e6;
}
.year-selected{
	font-family:PingFangSC-Regular;
	font-size: 2rem;
	color: #459DF5;
	letter-spacing: 0;
}



@media screen and (min-width:320px){
	/*首页*/
	.index-text{font-size: 1.3rem;}
	.bottom{  height:5rem;}
	.my-jt img{padding-top:0.5rem;}
	.model div{padding-top:0.5rem;}
	.modal-right img{width:60%;}
	.modal-right{
		padding-top: 2.1rem;
	}
	.paymentlist .modal-right{
		padding-top:2rem;
	}
	.renew-list li img{width:55%;}
	.search img{width:73%;}
}
@media screen and (min-width:360px){
	.search img{width:73%;}
}
@media screen and (min-width:375px){
	/*首页*/
	.index-text{font-size: 1.4rem;}
	.bottom{  height:5.5rem;}
	.my-jt img{padding-top:0.1rem;}
	.model div{padding-top:1.5rem;}
	.modal-right img{width:60%;}
	.modal-right{
		padding-top: 2.3rem;
	}
	.paymentlist .modal-right{
		padding-top:2rem;
	}
	.renew-list li img{width:50%;}
	.search img{width:73%;}
}
@media screen and (min-width:414px){
	/*首页*/
	.index-text{font-size: 1.5rem;}
	.bottom{  height:6rem;}
	.my-jt img{padding-top:0.1rem;}
	.model div{padding-top:2.3rem;}
	.modal-right img{width:52%;}
	.modal-right{
		padding-top: 3rem;
	}
	.paymentlist .modal-right{
		padding-top:2rem;
	}
	.renew-list .li img{width:55%;}
	.search img{width:70%;}
}

